<template>
   <!-- loading -->
    <div class="load">
         <spinner class="icon" :type="types[3]" size="60px"></spinner>
    </div>
</template>
<script>
import { Spinner } from 'vux'
export default {
  components: { Spinner },
  data() {
    return {
      types: ['android', 'ios', 'ios-small', 'bubbles', 'circles', 'crescent', 'dots', 'lines', 'ripple', 'spiral']
    }
  },
}
</script>
<style lang="less" scoped>
.load {
  position: fixed;
  top: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  .icon {
    align-items: center;
    margin: auto;
  }
}
</style>
